<template>
	<view>
		<view class="center-item">
			<view class="center-item-ct bk">
				<view class="center-item-wz">
					<p>头像</p>
				</view>
				<view class="center-item-nk">
					<image :src="userinfo.avatarUrl" mode=""></image>
					<p class="center-item-kh">></p>
				</view>
			</view>
			<view class="center-item-ct bk">
				<view class="center-item-wz">
					<p>昵称</p>
				</view>
				<view class="center-item-nk">
					<p class="center-item-nq">{{userinfo.nickName}}</p>
					<p class="center-item-kh">></p>
				</view>
			</view>
			<view class="center-item-ct bk">
				<view class="center-item-wz">
					<p >手机号</p>
				</view>
				<view class="center-item-nk">
					<p class="center-item-nq">aaaa</p>
					<p class="center-item-kh">></p>
				</view>
			</view>
			<view class="center-item-ct bk1" @click="tz">
				<view class="center-item-wz">
					<p >修改密码</p>
				</view>
				<view class="center-item-nk">
					<p class="center-item-kh">></p>
				</view>
			</view>
		</view>
		<view class="">

		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			tz(){
				console.log('ddddddd')
				uni.navigateTo({
					url:"/subpkg/xgmm/xgmm"
				})
			}
		},
		computed:{
			...mapState('users', ['userinfo'])
		}
	}
</script>

<style lang="scss">
	body {
		background-color: rgb(240, 240, 240);
		.center-item{
			height: 150px;
			margin-top: 15px;
			.center-item-ct{
				background-color: white;
				.center-item-wz{
					
					font-size: 15px;
					margin-left: 15px;
				}
				// border: 1px solid red;
				line-height: 50px;
				height: 50px;
				display: flex;
				justify-content: space-between;
				.center-item-nk{
					display: flex;
					margin-right: 15px;
					.center-item-nq{
						margin-right: 15px;
						color: gray;
					}
					.center-item-kh{
						color: gray;
					}
				}
			}
		}
		image{
			margin-right: 12px;
			margin-top: 5px;
			width: 40px;
			height: 40px;
			border-radius: 100%;
		}
		.bk1{
			margin-top: 10px;
		}
	}
</style>